<!doctype html>
<!--[if lt IE 7]><html lang="ko" class="no-js ie6"><![endif]-->
<!--[if IE 7]><html lang="ko" class="no-js ie7"><![endif]-->
<!--[if IE 8]><html lang="ko" class="no-js ie8"><![endif]-->
<!--[if gt IE 8]><!-->
<html lang="ko" class="no-js">
<!--<![endif]-->

<head>
    <meta charset="UTF-8">
    <title>ZzanLAB</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="favicon.png">

    <link rel="stylesheet" href="css/bootstrap.css">
    
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/slick.css">
    <link rel="stylesheet" href="js/rs-plugin/css/settings.css">

    <link rel="stylesheet" href="css/freeze.css">


    <script type="text/javascript" src="js/modernizr.custom.32033.js"></script>

    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
</head>

<body>

    <div class="pre-loader">
        <div class="load-con">
            <img src="img/freeze/logo.png" class="animated fadeInDown" alt="">
            <div class="spinner">
              <div class="bounce1"></div>
              <div class="bounce2"></div>
              <div class="bounce3"></div>
            </div>
        </div>
    </div>
   
    <header>
        
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
                <div class="container">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                            <span class="fa fa-bars fa-lg"></span>
                        </button>
                        <a class="navbar-brand" href="index.html">
                            <img src="img/freeze/logo.png" alt="" class="logo">
                        </a>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="#researcher">연구원</a>
                            </li>
                            <li><a href="#tapbbs">TapBBS</a>
                            </li>
                        </ul>
                    </div>
                    <!-- /.navbar-collapse -->
                </div>
                <!-- /.container-->
        </nav>

        <!--RevSlider-->
        <div class="tp-banner-container">
            <div class="tp-banner" >
                <ul>
                    <!-- SLIDE  -->
                    <li data-transition="fade" data-slotamount="7" data-masterspeed="1500" >
                        <!-- MAIN IMAGE -->
                        <img src="img/transparent.png"  alt="slidebg1"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
                        <!-- LAYERS -->
                        <!-- LAYER NR. 1 -->
                        <div class="tp-caption lfl fadeout hidden-xs"
                            data-x="left"
                            data-y="bottom"
                            data-hoffset="30"
                            data-voffset="0"
                            data-speed="500"
                            data-start="700"
                            data-easing="Power4.easeOut">
                            <img src="img/cheers.png" alt="">
                        </div>

                        <div class="tp-caption lfl fadeout visible-xs"
                            data-x="left"
                            data-y="center"
                            data-hoffset="700"
                            data-voffset="0"
                            data-speed="500"
                            data-start="700"
                            data-easing="Power4.easeOut">
                            <img src="img/cheers.png" alt="">
                        </div>

                        <div class="tp-caption large_white_bold sft" data-x="550" data-y="center" data-hoffset="0" data-voffset="-80" data-speed="500" data-start="1200" data-easing="Power4.easeOut">
                            ZzanLAB
                        </div>
                        <div class="tp-caption large_white_light sfr" data-x="830" data-y="center" data-hoffset="0" data-voffset="-80" data-speed="500" data-start="1400" data-easing="Power4.easeOut">
                            짠랩
                        </div>
                        <div class="tp-caption large_white_light sfb" data-x="550" data-y="center" data-hoffset="0" data-voffset="0" data-speed="1000" data-start="1500" data-easing="Power4.easeOut">
                            Open Source Project
                        </div>
                    </li>

                    <!-- SLIDE 2 -->
                    <li data-transition="zoomout" data-slotamount="7" data-masterspeed="1000" >
                        <!-- MAIN IMAGE -->
                        <img src="img/transparent.png"  alt="slidebg1"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
                        <!-- LAYERS -->
                        <!-- LAYER NR. 1 -->
                        <div class="tp-caption customin customout hidden-xs"
                            data-x="right"
                            data-y="center"
                            data-hoffset="0"
                            data-customin="x:50;y:150;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.5;scaleY:0.5;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
                        data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                            data-voffset="50"
                            data-speed="1000"
                            data-start="700"
                            data-easing="Power4.easeOut">
                            <img src="img/cheers.png" alt="">
                        </div>

                        <div class="tp-caption customin customout visible-xs"
                            data-x="center"
                            data-y="center"
                            data-hoffset="0"
                            data-customin="x:50;y:150;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.5;scaleY:0.5;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
                        data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                            data-voffset="0"
                            data-speed="1000"
                            data-start="700"
                            data-easing="Power4.easeOut">
                            <img src="img/cheers.png" alt="">
                        </div>
                        
                        <div class="tp-caption mediumlarge_light_white sfl hidden-xs" data-x="left" data-y="center" data-hoffset="0" data-voffset="-50" data-speed="1000" data-start="1000" data-easing="Power4.easeOut">
                           짠랩
                        </div>
                        <div class="tp-caption mediumlarge_light_white sft hidden-xs" data-x="left" data-y="center" data-hoffset="0" data-voffset="0" data-speed="1000" data-start="1200" data-easing="Power4.easeOut">
                           "짠~"을 외치며 "합"을 꿈꾸다.
                        </div>
                        <div class="tp-caption small_light_white sfb hidden-xs" data-x="left" data-y="center" data-hoffset="0" data-voffset="160" data-speed="1000" data-start="1600" data-easing="Power4.easeOut">
                           <p>우리는 술잔을 기울일 때 "짠~"하면서 건배를 합니다.<br />
즐거운 일은 더하고, 슬픈 일은 나누며 "짠~"를 외칩니다.<br />
우리 짠랩은 이렇게 "짠~"를 외치던 3명의 개발자가 "합"을 맞추어보고자 시작했습니다.<br />
아무리 친한 사람도 생각은 모두 다릅니다.<br />
하지만, 서로 이해하고 배워갈 마음이 있다면 그 모든 다름을 내 것으로 만들 수 있으며,<br />
이것이 우리가 꿈꾸는 "합"이며 "짠"입니다.<br />
지금도 짠랩은 계속 좋은 오픈소스를 만들기 위해 항상 "짠~"을 외치고 있답니다^^</p>
                        </div>
                    </li>
                    
                </ul>
            </div>
        </div>
    </header>

    <div class="wrapper">

        <section id="researcher">
            <div class="container">
                
                <div class="section-heading scrollpoint sp-effect3">
                    <h1>연구원</h1>
                    <div class="divider"></div>
                    <p>ZzanLAB의 연구원을 소개합니다.</p>
                </div>

                <div class="row">
                    <div class="col-md-3 col-sm-3 col-xs-6">
                        <div class="about-item scrollpoint sp-effect2">
                            <i class="fa fa-user fa-2x"></i>
                            <h3>배강민</h3>
                            <p>KangMin<br />
							kangmin2z@gmail.com<br />
							Simplex Internet, Manager<br />
							Codeigniter 한국포럼 운영진</p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-6" >
                        <div class="about-item scrollpoint sp-effect5">
                            <i class="fa fa-github-alt fa-2x"></i>
                            <h3>전상민</h3>
                            <p>lensvil<br />
							lensvil.co@gmail.com<br />
							Simplex Internet, Developer<br />
							Codeigniter 한국포럼 운영진</p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-6" >
                        <div class="about-item scrollpoint sp-effect5">
                            <i class="fa fa-meh-o fa-2x"></i>
                            <h3>최용운</h3>
                            <p>최용운<br />
							daypekr@gmail.com<br />
							Application developer<br />
							Castle owner in the future</p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-6" >
                        <div class="about-item scrollpoint sp-effect1">
                            <i class="fa fa-users fa-2x"></i>
                            <h3>여러분</h3>
                            <p>We love everyone.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="tapbbs">
            <div class="container">
                <div class="section-heading scrollpoint sp-effect3">
                    <h1>TapBBS</h1>
                    <div class="divider"></div>
                    <p>3분 게시판, 초간단 MOBILE && PC 게시판.</p>
                </div>
                <div class="row">
                    <div class="col-md-4 col-sm-4 scrollpoint sp-effect1">
                        <div class="media media-left feature">
                            <a class="pull-right">
                                <i class="fa fa-cogs fa-2x"></i>
                            </a>
                            <div class="media-body">
                                <h3 class="media-heading">관리자모드</h3>
                                대부분의 설정값을 정의할 수 있습니다.
                            </div>
                        </div>
                        <div class="media media-left feature">
                            <a class="pull-right">
                                <i class="fa fa-envelope fa-2x"></i>
                            </a>
                            <div class="media-body">
                                <h3 class="media-heading">메시지(쪽지)</h3>
                                쉽게 전송하고 실시간 확인이 가능합니다.
                            </div>
                        </div>
                        <div class="media media-left feature">
                            <a class="pull-right">
                                <i class="fa fa-users fa-2x"></i>
                            </a>
                            <div class="media-body">
                                <h3 class="media-heading">친구관리</h3>
                                친구를 등록하여 관리할 수 있습니다.
                            </div>
                        </div>
                        <div class="media media-left feature">
                            <a class="pull-right">
                                <i class="fa fa-signal fa-2x"></i>
                            </a>
                            <div class="media-body">
                                <h3 class="media-heading">접근내역관리</h3>
                                IP 접근내역을 확인/차단할 수 있습니다.
                            </div>
                        </div>
                        <div class="media media-left feature">
                            <a class="pull-right">
                                <i class="fa fa-dollar fa-2x"></i>
                            </a>
                            <div class="media-body">
                                <h3 class="media-heading">포인트기능</h3>
                                사용자에게 즐거움을 제공할 수 있습니다.
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-4" >
                        <img src="img/capture.png" class="img-responsive scrollpoint sp-effect5" alt="">
                    </div>
                    <div class="col-md-4 col-sm-4 scrollpoint sp-effect2">
                        <div class="media feature">
                            <a class="pull-left">
                                <i class="fa fa-map-marker fa-2x"></i>
                            </a>
                            <div class="media-body">
                                <h3 class="media-heading">다국어</h3>
                                언어팩, 타임존을 설정할 수 있습니다.
                            </div>
                        </div>
                        <div class="media feature">
                            <a class="pull-left">
                                <i class="fa fa-link fa-2x"></i>
                            </a>
                            <div class="media-body">
                                <h3 class="media-heading">스크랩</h3>
                                관심글을 스크랩해둘 수 있습니다.
                            </div>
                        </div>
                        <div class="media feature">
                            <a class="pull-left">
                                <i class="fa fa-thumbs-o-up fa-2x"></i>
                            </a>
                            <div class="media-body">
                                <h3 class="media-heading">추천기능</h3>
                                포인트기능과 연계할 수 있습니다.
                            </div>
                        </div>
                        <div class="media feature">
                            <a class="pull-left">
                                <i class="fa fa-history fa-2x"></i>
                            </a>
                            <div class="media-body">
                                <h3 class="media-heading">트리거</h3>
                                주요데이터의 변경내역 확인할 수 있습니다.
                            </div>
                        </div>
                        <div class="media active feature">
                            <a class="pull-left" href="http://www.tapbbs.com" target="_blank">
                                <i class="fa fa-plus fa-2x"></i>
                            </a>
                            <div class="media-body">
                                <h3 class="media-heading">TapBBS 포럼으로 이동</h3>
                                다운로드 및 커뮤니케이션을 할 수 있습니다.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <footer>
            <div class="container">
                <a href="#" class="scrollpoint sp-effect3">
                    <img src="img/freeze/logo.png" alt="" class="logo">
                </a>
                <div class="social">
                    <a href="https://twitter.com/zzanlab" target="_blank" class="scrollpoint sp-effect3"><i class="fa fa-twitter fa-lg"></i></a>
                    <a href="https://www.facebook.com/zzan.lab" target="_blank" class="scrollpoint sp-effect3"><i class="fa fa-facebook fa-lg"></i></a>
                </div>
                <div class="rights">
                    <p>Copyright &copy; 2012</p>
                    <p>Template by <a href="http://www.scoopthemes.com" target="_blank">ScoopThemes</a></p>
                </div>
            </div>
        </footer>

    </div>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/slick.min.js"></script>
    <script src="js/placeholdem.min.js"></script>
    <script src="js/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
    <script src="js/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/scripts.js"></script>

    <script>
        $(document).ready(function() {
            appMaster.preLoader();
        });
    </script>

</body>

</html>
